<template>
  <div id="app">
    <div class="container">
       <appHeader></appHeader>
    </div>
    <div class="container">
       <!-- <transition name='fade'> -->
        <!-- 要在组件中添加name属性才生效 -->
        <keep-alive :exclude="['login','regist']">  
          <router-view />
        </keep-alive>
       <!-- </transition> -->
    </div>
    <div class="container mt-5">
       <div class="row">
          <div class="col-sm-12 col-md-4">
            <router-view name="History" />
          </div>
          <div class="col-sm-12 col-md-4">
            <router-view name="OrderInfo" />
          </div>
          <div class="col-sm-12 col-md-4">
            <router-view name="Comments" />
          </div>
       </div>
    </div>
  </div>
</template>

<script>
import header from '@/components/Header'

export default {
  components:{
    appHeader:header,
  }
};
</script>

<style>

</style>
